<template>
  <div class="lander">
    <div class="footers">
      <div class="foot-box">
        <p>最热方向</p>
        <ul>
          <li>
            <router-link
              v-for="(item, index) in hotestDir"
              v-bind:key="index"
              to="#"
              class="tincter"
              >{{ item }} <br/></router-link
            >
          </li>
        </ul>
      </div>
      <div class="foot-box">
        <p>最新题库</p>
        <ul>
          <li><router-link
              v-for="(item, index) in newSubject"
              v-bind:key="index"
              to="#"
              class="tincter"
              >{{ item }} <br/></router-link
            ></li>
        </ul>
      </div>
      <div class="foot-box">
        <p>关于我们</p>
        <ul>
          <li><router-link to="#" class="tincter">价值观</router-link></li>
          <li><router-link to="#" class="tincter">工作机会</router-link></li>
        </ul>
      </div>
      <div class="foot-box">
        <p>联系方式</p>
       <div class="foot-img">
            <ul>
            <li><img src="@/assets/images/QQ.png" /><p>QQ</p></li>
            <li><img src="@/assets/images/Wechat.png" /><p>微信</p></li>

        </ul>
       </div>
      </div>
    </div>
    <hr class="transverse-line" />
    <p class="coty">&copy; 2020 FY code 江西农业大学ICP备XXX号</p>
  </div>
</template>

<script>
export default {
  name: "footerBar",
  data() {
    return {
      // 最热方向
      hotestDir: ["Java", "数据结构","微信小程序"],
      newSubject: ["Java", "数据结构","微信小程序"],
    };
  },
};
</script>

<style></style>
